<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>03_jQuery对象</title>
</head>

<body>
    <div>
        <button>测试1</button>
        <button>测试2</button>
        <button id="btn3">测试3</button>
        <button>测试4</button>
    </div>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
        /*
        需求：
        需求1.统计一共有多少个按钮
        需求2.取出第2个button的文本
        需求3.输出所有button标签的文本
        需求4.输出'测试三'按钮是所有按钮中的第几个
        */
        //需求1.统计一共有多少个按钮
        var $buttons = $('button')
        console.log($buttons.size(), $buttons.length)

        //需求2.取出第2个button的文本
        console.log($buttons[1].innerHTML, $buttons.get(1).innerHTML)
        //需求3.输出所有button标签的文本
        $buttons.each(function (index, item) {
            console.log(index, item.innerHTML, this)
        })

        //需求4.输出'测试三'按钮是所有按钮中的第几个
        console.log(('#btn3').index())


        /*
        1.伪数组
           * Object对象
           * length属性
           * 数值下标属性
           * 没有数组特别的方法:forEach(),push(),pop()等
        */

        console.log($buttons instanceof Array)//false
        //自定义一个伪数组
        var weiArr = {}
        weiArr.length = 0
        weiArr[0] = 'atguigu'
        weiArr.length = 1
        weiArr[1] = 123
        weiArr.length = 2
        for (let index = 0; index < weiArr.length; index++) {
            const element = weiArr[index];
            console.log(index, element)
        }

        console.log(weiArr.forEach, $buttons.forEach)//undefined,undefined



    </script>
</body>

</html>